<!DOCTYPE html>
<!--[if IE 8]> 				 <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->

    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width" />
        <title>Importador Directo Usa</title>

        <link rel="stylesheet" href="<?php echo base_url(); ?>css/normalize.css" />

        <link rel="stylesheet" href="<?php echo base_url(); ?>css/style.css" />
        <link rel="stylesheet" href="<?php echo base_url(); ?>css/fc-webicons.css">

        <script src="<?php echo base_url(); ?>js/vendor/jquery.js"></script>
        <script src="<?php echo base_url(); ?>js/main.js"></script>
        <script src="<?php echo base_url(); ?>js/vendor/custom.modernizr.js"></script>
        <script language="JavaScript" type="text/JavaScript" src="/livehelp/include/javascript.php"></script>
        <link href="http://netdna.bootstrapcdn.com/font-awesome/3.0.2/css/font-awesome.css" rel="stylesheet">
        <link href="http://netdna.bootstrapcdn.com/font-awesome/3.0.2/css/font-awesome-ie7.css" rel="stylesheet">

        <!-- foundation datepicker start -->
        <script src="<?php echo base_url(); ?>js/foundation-datepicker.js"></script>
        <link rel="stylesheet" href="<?php echo base_url(); ?>css/foundation-datepicker.css">
        <!-- foundation datepicker end -->

        <!-- fire plugin onDocumentReady -->
        <script type="text/javascript" src="<?php echo base_url(); ?>js/jcarousellite_1.0.1.js"></script>
        <?php foreach ($facebook as $data): ?>
            <meta property="og:title" content="Importador Directo Usa - <?php echo $data->marca . ' ' . $data->modelo; ?>" />
            <meta property="og:description" content="Precio: <?php echo $data->precio . ' Año: ' . $data->anno; ?>" />
            <meta property="og:image" content="<?php echo base_url() . 'assets/uploads/files/' . $data->foto1; ?>" />
            <meta property="og:image" content="<?php echo base_url() . 'assets/uploads/files/' . $data->foto2; ?>" />
            <meta property="og:image" content="<?php echo base_url() . 'assets/uploads/files/' . $data->foto3; ?>" />
            <meta property="og:image" content="<?php echo base_url() . 'assets/uploads/files/' . $data->foto4; ?>" />
            <meta property="og:image" content="<?php echo base_url() . 'assets/uploads/files/' . $data->foto5; ?>" />
            <meta property="og:image" content="<?php echo base_url() . 'assets/uploads/files/' . $data->foto6; ?>" />
            <meta property="og:image" content="<?php echo base_url() . 'assets/uploads/files/' . $data->foto7; ?>" />
            <meta property="og:image" content="<?php echo base_url() . 'assets/uploads/files/' . $data->foto8; ?>" />
            <meta property="og:image" content="<?php echo base_url() . 'assets/uploads/files/' . $data->foto9; ?>" />
            <meta property="og:image" content="<?php echo base_url() . 'assets/uploads/files/' . $data->foto10; ?>" />
        <?php endforeach; ?>
        <script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
        <script type="text/javascript">stLight.options({publisher: "61d47fec-39b7-4d83-ac62-4619a94aa47d", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>

        <!-- fire plugin onDocumentReady -->
        <script type="text/javascript" src="<?php echo base_url(); ?>js/jcarousellite_1.0.1.js"></script>
        <?php if(isset($js_include)) echo $js_include; ?>
    </head>
    <body>
        <?php include_once("analyticstracking.php") ?>
        <nav class="top-bar fixed">
            <ul class="title-area">
                <!-- Title Area -->
                <li class="name">
                    <h1>
                        <a href="<?php echo base_url(); ?>">
                            ImportadorDirectoUsa
                        </a>
                    </h1>
                </li>
                <li class="toggle-topbar menu-icon"><a href="#"><span></span></a></li>
            </ul>

            <section id="right-menu" class="top-bar-section">
                <ul class="right">
                    <li><a href="javascript:void(0);" target="_blank" onclick="openLiveHelp();">Chat en linea</a></li>
                </ul>
            </section>
        </nav>

        <!-- End Top Bar -->

        <div class="row logo">
            <div class="large-6 columns">
                <a href="<?php echo base_url(); ?>"><h1><img src="<?php echo base_url(); ?>images/logo.png"></h1></a>
                <div id="fb-root"></div>
                <script>(function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id))
            return;
        js = d.createElement(s);
        js.id = id;
        js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=376139999141280";
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>
                <div class="fb-like" data-href="http://www.webdesignius.com/portfolio/newidu/vehiculo/1" data-send="false" data-width="450" data-show-faces="false" data-font="arial"></div>
            </div>
            <div class="large-6 columns">
                <form id="search" name="form">
                    <fieldset>
                        <legend>Búsqueda</legend>
                        <div class="large-4 columns">
                            <label>Marcas:</label>
                            <select id="edad" name="marca">
                                <option selected="selected" value="">---</option>
                                <?php foreach ($marcas as $marca): ?>
                                    <option value="<?php echo $marca->id; ?>"><?php echo $marca->marca; ?></option>
                                <?php endforeach; ?>
                            </select>
                        </div>
                        <div class="large-4 columns">
                            <label>Categorias:</label>
                            <select id="provincia" name="categoria">
                                <option selected="selected" value="">---</option>
                                <?php foreach ($categorias as $categoria): ?>
                                    <option value="<?php echo $categoria->id; ?>"><?php echo $categoria->categoria; ?></option>
                                <?php endforeach; ?>

                            </select>
                        </div>
                        <div class="large-4 columns">
                            <label>Combustibles:</label>
                            <select id="estatura" name="estatura">
                                <option selected="selected" value="">---</option>
                                <?php foreach ($combustibles as $combustible): ?>
                                    <option value="<?php echo $combustible->id; ?>"><?php echo $combustible->combustible; ?></option>
                                <?php endforeach; ?>
                            </select>
                        </div>
                    </fieldset>
                </form>
            </div>
        </div>

        <div class="row search-box">
            <div class="large-12 columns centered">
                <div id="loader">
                    <div class="border">
                        <h5 class="title">Resultados de búsqueda</h5>
                        <div class="carousel">
                            <div class="large12 columns text-center">
                                <img src="<?php echo base_url() ?>images/loading.gif" /><br/>Cargando...
                            </div>
                        </div>
                    </div>
                </div>
                <div id="results"></div>
            </div>
        </div>